{% extends "tpls/layout.html" %}

{% block title %}{{ name }}{% endblock %}

{% block style %}
<!-- inject:css -->
<link rel="stylesheet" href="/dist/styles/build/commodity_detail.min.1476270773013.css"/>
<!-- endinject -->
{% endblock %}
{% block content %}
<div style="margin:0 auto;width:0;height:0;overflow:hidden;">
	<img src="/icons/share.jpg" width=400>
</div>

<div class='page-commodity-detail'>
	<header>
		<div class="image"></div>
		<div class="content">
			<div class="name">{{ name }}</div>
			<div class="price">均价: {{ average }}</div>
		</div>
		<div class="btn">扔进菜篮</div>
	</header>

	<section class="prices">
		<div class="title">
			附近菜价
		</div>
		<ul></ul>
	</section>

	<section class="menus commodity-menus">
		<div class="title">
			推荐菜单
		</div>
		<ul></ul>
	</section>
</div>


<script type="text/template" id="market-item-tpl">
	<li>
		<a >
			<div class="wrap">
				<div class="name"></div>
				<div class="flag yc">
					<i class="icon icon-Integrity"></i>诚信菜场
				</div>
				<div class="flag low" style="background-color: #e92121;">
					<i class="icon icon-down"></i>最低价
				</div>
			</div>
			<div class="price"></div>
			<div class="distance"></div>
		</a>

	</li>
</script>

<script type="text/template" id="menu-item-tpl">
	<li>
		<a class="tip" href="">
			<img class="thumbnail" src="" />
			<div class="explain">
				<div class="name"></div>
				<div class="visible right">
					<i class="icon icon-visible"></i>
					<div class="num"></div>
					查看
				</div>
				<div class="love right">
					<i class="icon icon-collection"></i>
					<div class="num"></div>
					点赞
				</div>
			</div>

		</a>
	</li>'
</script>

{% endblock %}

{% block script %}
<script>
	$(function () {
		var el = $('.nav li');
		el.removeClass('current');
		el.eq(1).addClass('current');
	});

	window.cid = '{{ cid }}';
	window.typeId = '{{ typeId }}';
	window.name = '{{ name }}';
	window.average = '{{ average }}';
</script>

<script src="http://api.map.baidu.com/api?v=2.0&ak=YLIXKCZq5ZPp3cP3mMsDhUG4fNRAIRud" type="text/javascript"></script>
<!-- inject:js -->
<script src="/dist/scripts/build/commodity_detail.min.1476270773013.js"></script>
<!-- endinject -->
{% endblock %}
